<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<title>弹出层</title>
	<!--弹出层 开始 -->
	<link type="text/css" rel="stylesheet" href="css/zdialog.css" />
	<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="js/zdialog.js"></script>
	<!--弹出层 结束 -->
</head>

<body>
	<div class="mui-content-padded" style="text-align: center;">
		<button id="alertBtn" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">警告消息框</button>
		<button id="confirmBtn" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">确认消息框</button>
		<button id="toastBtn" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">自动消失提示框</button>
		 <button id="load" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">加载中</button>
			<div id="info" onclick="$.DialogByZ.Close()">关闭加载</div> 
	</div>
</body>
<script>
	///
	$("#alertBtn").click(function () {
		$.DialogByZ.Alert({ Title: "系统提示", Content: "您的请求失败", BtnL: "确定", FunL: alerts });
	})
	$("#confirmBtn").click(function () {
		// if (confirm("确定保存吗?")) {
		// 	alert("aaa");
		// }
		//$.DialogByZ.Confirm({Title: "", Content: "确定保存吗?",FunL:confirmL,FunR:Immediate})
		var Content="确定保存吗?";
		$.DialogByZ.Confirm({
			Title: "系统提示", Content: Content, FunL: function () {
				$.DialogByZ.Close();
				alert('操作完成');
			}
		});

	})
	$("#toastBtn").click(function () {
		alert("请选择开始日期!!!");
		// $.DialogByZ.Autofade({Title: "系统提示",Content: "感谢您对我们的支持感谢您对我们的支持感谢您对我们的支持感谢您对我们的支持",BtnL:"确定",FunL:alerts})
	})
	$("#load").click(function () {
		$.DialogByZ.Loading('image/loading.png');
	})

	function confirm(Content) {

	}
	function confirmL() {

		return true;
	}
	//
	function alerts() {

		$.DialogByZ.Close();
	}
	function Immediate() {
		//location.href="http://www.baidu.com"
		// window.open("http://www.baidu.com")
		$.DialogByZ.Close();
	}


</script>

</html>